<!doctype html>
<html lang="en" xmlns:th="http:www.thymeleaf.org">

    <head>
        <!-- meta data -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

        <!--font-family-->
		<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&amp;subset=devanagari,latin-ext" rel="stylesheet">

		<!-- title of site -->
		<title>Sign up</title>
		<!-- For favicon png -->
		<link rel="shortcut icon" type="image/icon" th:href="@{/assets/logo/favicon.png}"/>

		<!--font-awesome.min.css-->
		<link rel="stylesheet" th:href="@{/assets/css/font-awesome.min.css}"/>

		<!--animate.css-->
		<link rel="stylesheet" th:href="@{/assets/css/animate.css}"/>

		<!--bootstrap.min.css-->
		<link rel="stylesheet" th:href="@{/assets/css/bootstrap.min.css}"/>

		<!-- bootsnav -->
		<link rel="stylesheet" th:href="@{/assets/css/bootsnav.css}" />

		<!--style.css-->
		<link rel="stylesheet" th:href="@{/assets/css/style.css}"/>

		<!--responsive.css-->
		<link rel="stylesheet" th:href="@{/assets/css/responsive.css}"/>
        
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		
        <!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>-->
        <![endif]-->

    </head>
	<script th:src="@{/assets/js/jquery-3.2.0.js}" type="text/javascript" charset="utf-8"></script>
	<script>
		function checkUserPass(){
			var userPass = $('#userPass').val();
			if(userPass.length==0){
				$('#userPasserr').text("");
			}
		}
	</script>
	<body>
		<!--[if lte IE 9]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
        <![endif]-->
		
		<!-- signin end -->
		<section class="signin">
			<div class="container">

				<div class="sign-content">
					<h2>登录</h2>
					
					<div class="row">
						<div class="col-sm-12">
							<div class="signin-form">
								<form th:action="@{/user/login.do}" method="post">
									<div class="form-group">
									    <label for="phoneNumber">手机号</label>
									    <input type="text" th:value="${phoneNumber}" name="phoneNumber" class="form-control" id="phoneNumber" placeholder="请输入手机号" required="required">
										<span style="color: #ff0000;font-size: 16px" th:text="${phoneNumbererr}"></span>
									</div><!--/.form-group -->
									<div class="form-group">
										<label for="userPass">密码</label>
									    <input type="password" name="userPass" class="form-control" onfocus="checkUserPass()" id="userPass" placeholder="请输入密码" required="required">
										<span style="color: #ff0000;font-size: 16px" id="userPasserr" th:text="${userPasserr}"></span>
									</div><!--/.form-group -->
									<div class="row">
										<div class="col-sm-12">
											<div class="signin-password">
												<div class="awesome-checkbox-list">
													<ul class="unstyled centered">
														<li>
															<input class="styled-checkbox" id="styled-checkbox-2" type="checkbox" value="value2">
															<label for="styled-checkbox-2">记住密码</label>
														</li>
														<li>
															<a href="#">忘记密码 ?</a>
														</li>
													</ul>
												</div><!--/.awesome-checkbox-list -->
											</div><!--/.signin-password -->
										</div><!--/.col -->
									</div><!--/.row -->
									<div class="row">
										<div class="col-sm-12">
											<div class="signin-footer">
												<input type="submit" class="btn signin_btn" data-toggle="modal" value="登录"/>
												<p style="margin-left: 40%">
													没有账号  ?
													<a th:href="@{/user/signup}">注册</a>
												</p>
											</div><!--/.signin-footer -->
										</div><!--/.col-->
									</div><!--/.row -->
								</form><!--/form -->
							</div><!--/.signin-form -->
						</div><!--/.col -->
					</div><!--/.row -->


				</div><!--/.sign-content -->
				<!-- modal part start -->
				<div class="modal fade signin_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
					<div class="modal-dialog modal-lg" role="document">
					    <div class="modal-content">
					      	<div class="sign-content">

					      		<div class="modal-header">
									<h2>sign in</h2>
								</div><!--/.modal-header -->

								<div class="modal-body">
									<div class="signin-form">
										<div class=" ">
											<div class=" ">
												<form action="signin.html">
													<div class="form-group">
													    <label for="signin_form">Email</label>
													    <input type="email" class="form-control" id="1" placeholder="enter your email here">
													</div><!--/.form-group -->
													<div class="form-group">
														<label for="signin_form">password</label>
													    <input type="password" class="form-control" id="signin_form" placeholder="Password">
													</div><!--/.form-group -->
												</form><!--/form -->
											</div><!--/.col -->
										</div><!--/.row -->

									</div><!--/.signin-form -->

									<div class="signin-modal-password">
										<div class="awesome-checkbox-list">
											<ul class="unstyled centered">

												<li>
												    <input class="styled-checkbox" id="styled-checkbox-3" type="checkbox" value="value3">
												    <label for="styled-checkbox-3">remember password</label>
												</li>

												<li>
												    <a href="signin.html">Forgot email or password ?</a>
												</li>

											</ul>
										</div><!--/.awesome-checkbox-list -->
									</div><!--/.signin-modal-password -->

									<div class="signin-footer">
										<button type="button" class="btn signin_btn" data-toggle="modal" data-target=".signin_modal">
										sign in
										</button>
										<p>
											Don’t have an Account ?
											<a href="signup.html">register</a>
										</p>
									</div><!--/.signin-footer -->
								</div><!--/.modal-body -->

							</div><!--/.sign-content -->
					    </div><!--/.modal-content -->
					</div><!--/.modal-dialog -->
				</div><!--/.modal -->
				<!-- modal part end -->
			</div><!--/.container -->

		</section><!--/.signin -->

		<!-- signin end -->

		<!--footer copyright start -->
		<footer class="footer-copyright">
			<div id="scroll-Top">
				<i class="fa fa-angle-double-up return-to-top" id="scroll-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Back to Top" aria-hidden="true"></i>
			</div><!--/.scroll-Top-->

		</footer><!--/.hm-footer-copyright-->
		<!--footer copyright  end -->


		 <!-- Include all js compiled plugins (below), or include individual files as needed -->

		<script th:src="@{/assets/js/jquery.js}"></script>

        <!--modernizr.min.js-->
<!--        <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>-->

		<!--bootstrap.min.js-->
        <script th:src="@{/assets/js/bootstrap.min.js}"></script>

		<!-- bootsnav js -->
		<script th:src="@{/assets/js/bootsnav.js}"></script>

		<!-- jquery.sticky.js -->
		<script th:src="@{/assets/js/jquery.sticky.js}"></script>
<!--		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>-->


        <!--Custom JS-->
        <script th:src="@{/assets/js/custom.js}"></script>
    </body>
	
</html>